<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<link rel="stylesheet" href="../css/common.css">
		<link rel="stylesheet" type="text/css" href="../css/shop.css" />
		<script src="../js/rem.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/layer/layer.js" type="text/javascript" charset="utf-8"></script>
		<title>支付成功</title>
		<!-- 秒数倒计时 -->
		<script type="text/javascript">
			function countDown(secs, surl) {
				var jumpTo = document.getElementById('jumpTo');
				jumpTo.innerHTML = secs;
				if (--secs > 0) {
					setTimeout("countDown(" + secs + ",'" + surl + "')", 1000);
				} else {
					location.href = surl; 
				}
			}
		</script>
		<style type="text/css">
			.pay-success {
				display: block;
				margin-top: .5rem;
				font-size: .36rem;
				font-weight: bold;
				text-align: center;
			}
			.pay-jump{
				margin: .3rem;
				font-size: .28rem;
				text-align: center;
			}
		</style>
	</head>
	<body>
		<div>
			<span class="pay-success">您已成功完成支付！</span>
			<div class="pay-jump"><span id="jumpTo">5</span>秒后页面会自动跳转，也可<a href="index.html">点击本处</a>直接跳转</div>
		</div>
		<script type="text/javascript">
			countDown(5, 'index.html');
		</script>
	</body>
</html>
